
//flex
.d-flex {
  display: flex;
}

.flex-column {
  flex-direction: column;
}

.flex-wrap {
  flex-wrap: wrap;
}

.flex-nowrap {
  flex-wrap: nowrap;
}

// 这是一个 SCSS 文件，包含了一些变量和循环来生成 CSS 样式规则，用于设置 flex 布局的 justify-content 和 align-items 属性。
$flex-jc: (start: flex-start,
  end: flex-end,
  center: center,
  between: space-between,
  around: space-around,
  evenly: space-evenly,
);

$flex-ai: (start: flex-start,
  end: flex-end,
  center: center,
  stretch: stretch,
);

//flex
// 生成 justify-content 的样式规则
@each $key,
$value in $flex-jc {
  .jc-#{$key} {
    justify-content: $value;
  }
}
// 生成 align-items 的样式规则
@each $key,
$value in $flex-ai {
  .ai-#{$key} {
    align-items: $value;
  }
}
